<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>七夕你还会单身多久</title>
		<script src="{:config('public.static')}/home/js/base.js"></script>
		<link rel="stylesheet" type="text/css" href="{:config('public.static')}/home/css/base.css" />

		<style type="text/css">
			form {
				width: 4.7rem;
				height: 0.8rem;
				position: absolute;
				top: 30%;
				left: 1.4rem;
			}
			
			form p {
				font-size: 0.58rem;
				color: #ee7185;
				font-family: 'STKaiti';
			}
			
			form input {
				width: 4.7rem;
				height: 0.8rem;
				border: red;
				border: 1px solid #ee7185;
				border-radius: 5px;
				margin: 0.3rem 0;
				text-align: center;
				font-size: 0.36rem;
			}
			
			form .determine {
				width: 4.7rem;
				height: 0.8rem;
				border: #c80405;
				background: #ee7185;
				border-radius: 5px;
				font-size: 0.36rem;
				color: #FFFFFF;
				text-align: center;
				line-height: 0.8rem;
			}
		</style>
	</head>
	<body>
		<div class="bg" style="position: absolute; width: 100%; height: 100%; z-index: -1;">
			<img src="{:config('public.static')}/home/img/bdQ.jpg" height="100%" width="100%" />
		</div>
		<form class="life" action="">
			<p>请输入你的姓名</p>
			<div class="name">
				<input id="nameInput" class="nameInput" type="text" name="user" size="" value="" placeholder="请输入姓名" />
			</div>
			<p class="determine">点击生成</p>
		</form>
	</body>
		<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
		<script type="text/javascript">
			$('.determine').click(function(){
				var value = $("#nameInput").val();
				if( value == ""){
					alert("请输入你的姓名");
					return false;
				}
				sessionStorage["par1"] = value
				window.location.href = 'qxdetail';
			})
		</script>
</html>